<?xml version="1.0" encoding="UTF-8" ?>
<%@ taglib prefix="decorator" uri="http://www.opensymphony.com/sitemesh/decorator"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="security" uri="http://www.springframework.org/security/tags"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta name="social network" content="Zaetoon" />
        <%--<link rel="shortcut icon" href="${pageContext.request.contextPath}/static/images/favicon.ico"> --%>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/blueprint-1.0/950px/screen.css" type="text/css" media="screen, projection">
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/blueprint-1.0/950px/print.css" type="text/css" media="print">
        <!--[if lt IE 8]><link rel="stylesheet" href="${pageContext.request.contextPath}/static/blueprint-1.0/950px/ie.css" type="text/css" media="screen, projection"><![endif]-->
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/blueprint-1.0/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
        <title>Zytoon</title>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/static/jquerymobile-1.0b1/jqm.css" />
        <script type='text/javascript' src="${pageContext.request.contextPath}/static/jquery-1.6.2/jquery.js"></script>
        <script type='text/javascript' src="${pageContext.request.contextPath}/static/jquerymobile-1.0b1/jqm.js"></script>

    </head>
    <body>
        <div data-role="page" data-theme="b" id="main-page" style="display:none">

            <div data-role="header" >
                <div class="container" >
                    <div class="span-14">
                        <a href="${pageContext.request.contextPath}/"><img src="${pageContext.request.contextPath}/static/images/zaetoon.png" width="197" height="50"></a>
                    </div>

                    <div align="right">
                        <security:authorize ifNotGranted="ROLE_USER">
                            <a href="${pageContext.request.contextPath}/home/index" data-role="button" rel="external"><fmt:message key="layout.login" /></a>
                        </security:authorize>
                        <security:authorize ifNotGranted="ROLE_USER">
                            <a href="${pageContext.request.contextPath}/login/register" data-role="button" rel="external">Sign Up</a>
                        </security:authorize>
                        <security:authorize ifAllGranted="ROLE_USER">
                            <a href="${pageContext.request.contextPath}/home/profile" data-role="button" rel="external">${accountContext.account.username}</a>
                        </security:authorize>
                        <security:authorize ifAllGranted="ROLE_USER">
                            <a href="${pageContext.request.contextPath}/logout" data-role="button" rel="external"><fmt:message key="layout.logout" /></a>
                        </security:authorize>
                    </div>
                </div>
            </div>

            <decorator:body />

        </div>
        <script type="text/javascript">
            $(function() {
                $("#main-page").show();
            });
        </script>
        <script type="text/javascript">
            // example with asynchronous google analytics
            var _gaq = _gaq || [];
            _gaq.push([ '_setAccount', 'UA-24830640-1' ]); // change with your google id
            _gaq.push([ '_setCustomVar', 1, 'rootPackage', 'com.bizintelapps.zaetoon', 1 ]); // example of user defined variable
            _gaq.push([ '_trackPageview' ]);

            (function() {
                var ga = document.createElement('script');
                ga.type = 'text/javascript';
                ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl'
                : 'http://www')
                    + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(ga, s);
            })();
        </script>
    </body>
</html>
